<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Moderno</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300,500;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/libs.min.css">
  <link rel="stylesheet" href="css/style.min.css">
</head>

<body>
  <div class=Wrapper>
    <div class="content">
      <header class="header">
        <div class="header__top">
          <div class="container">
            <div class="header__top-inner">
              <div class="header__logo">
                <a href="#">
                  <img src="images/logo.png" alt="logo">
                </a>
              </div>
              <div class="header__text">
                <a href="#">
                  <span>Need help?</span>
                </a>
                Talk to an expert:
                <a class="header__phone" href="tel:61383766284">+61 3 8376 6284</a>
              </div>
              <div class="header__box">
                <div class="notification__box header__btn-login--off">
                  <a class="notification header-circle active icon-bell-o" href="#"><span>8</span></a>

                  <div class="circle__menu notification__menu">
                    <a class="circle__item icon-bell-o  icons-color" href="#">
                      <img class="circle__images" src="images/content/message-user1.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-theme">
                          Need WP Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>

                    <a class="circle__item icon-bell-o" href="#">
                      <img class="circle__images" src="images/content/message-user2.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-theme">
                          Need WP Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>

                    <a class="circle__item icon-bell-o" href="#">
                      <img class="circle__images" src="images/content/message-user3.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-theme">
                          Psd Template Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>
                  </div>

                </div>
                <div class="message__box header__btn-login--off">
                  <a class="message header-circle active icon-envelope-o" href="#"><span>5</span></a>

                  <div class="circle__menu message__menu">
                    <a class="circle__item icon-envelope-o icons-color" href="#">
                      <img class="circle__images" src="images/content/message-user1.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-name">
                          Kazi Fahim
                        </div>
                        <div class="circle__info-theme">
                          Need WP Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>

                    <a class="circle__item icon-envelope-o" href="#">
                      <img class="circle__images" src="images/content/message-user2.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-name">
                          Richi Lenal
                        </div>
                        <div class="circle__info-theme">
                          Need WP Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>

                    <a class="circle__item icon-mail-reply" href="#">
                      <img class="circle__images" src="images/content/message-user3.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-name">
                          PsdBosS
                        </div>
                        <div class="circle__info-theme">
                          Psd Template Help!
                        </div>
                        <div class="circle__info-date">
                          01 May, 2020
                        </div>
                      </div>
                    </a>

                  </div>
                </div>

                <div class="basket__box">
                  <a class="basket header-circle active icon-shopping-cart" href="#"><span>8</span></a>

                  <div class="circle__menu">

                    <a class="circle__item" href="#">
                      <img class="circle__images" src="images/content/basket-item1.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-name">
                          Grand Ballet
                        </div>
                        <div class="circle__info-theme">
                          WordPress
                        </div>
                        <div class="circle__info-price">
                          $59
                        </div>
                      </div>
                    </a>

                    <a class="circle__item" href="#">
                      <img class="circle__images" src="images/content/basket-item2.jpg" alt="basket-img">
                      <div class="circle__info">
                        <div class="circle__info-name">
                          Apple Device
                        </div>
                        <div class="circle__info-theme">
                          WordPress
                        </div>
                        <div class="circle__info-price">
                          $59
                        </div>
                      </div>
                    </a>

                    <div class="basket__sum">
                      <div class="basket__title">
                        <div class="basket__sum-total">total</div>
                        <div class="basket__sum-price">$118</div>
                      </div>
                      <a class="basket__btn " href="#">Go to Cart</a>
                      <a class="basket__btn basket__btn-checkout " href="#">Go to Checkout</a>
                    </div>

                  </div>
                </div>

                <div class="user__box">
                  <a class="user header__btn-login--off" href="#">
                    <div class="user__inner">
                      <div class="user__images">
                        <img src="images/content/user-login.jpg" alt="user-login-avatar">
                      </div>
                      <div class="user__info">
                        <div class="user__name">
                          Mike Hussy
                        </div>
                        <div class="user__money">
                          $171.00
                        </div>
                      </div>
                    </div>
                  </a>
                  <div class="user__menu">
                    <ul>
                      <li><a class="angle-right" href="#">Profile Page</a></li>
                      <li><a class="angle-right" href="#">Portfolio</a></li>
                      <li><a class="angle-right" href="#">Account Setting</a></li>
                      <li><a class="angle-right" href="#">Downloads</a></li>
                      <li><a class="angle-right" href="#">Wishlist</a></li>
                      <li><a class="angle-right" href="#">Upload Item</a></li>
                      <li><a class="angle-right" href="#">Statement</a></li>
                      <li><a class="angle-right" href="#">Withdraws</a></li>
                    </ul>
                  </div>
                </div>

                <a class="header__btn header__btn-login" data-fancybox data-src="#modal" href="javascript:;">Login</a>
                <a class="header__btn header__btn-logout header__btn-login--off" href="#">Logout</a>
                <a class="header__btn header__btn-register" href="#">Register</a>
              </div>
              <div class="header__btn-menu icon-user"></div>
            </div>
          </div>
        </div>

        <div class="header__menu">
          <div class="container">
            <nav class="menu">
              <div class="menu__btn">
                <div></div>
                <div></div>
                <div></div>
              </div>
              <ul class="menu__list">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">WordPress</a></li>
                <li><a href="#">Joomla</a></li>
                <li><a href="#">PSD</a></li>
                <li><a href="#">Plugins</a></li>
                <li><a href="#">Components</a></li>
                <li><a href="#">Pages</a></li>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Help</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </header>

      <section class="search" style="background-image: url(images/search-bg.jpg)">
        <div class="container">
          <div class="search__inner">
            <div class="search__inner-title wow fadeInDownBig">
              Welcome To Foxtar Market Place!
            </div>
            <div class="search__inner-text wow fadeInUpBig">
              Premium WordPress Themes, Web Templates and Many More ...
            </div>
            <div class="search__inner-form">
              <form>
                <input type="search" placeholder="Search Your Keywords . . ." required>
                <button type="submit">
                  <img src="images/icons/search.png" alt="search">
                </button>
              </form>
            </div>
          </div>
        </div>
      </section>

      <section class="products">
        <div class="products__wrapper">
          <div class="container-fluid">
            <div class="products__title title  wow fadeInLeftBig">
              Let’s Check Out Our Newest Release Products
            </div>
            <div class="products__inner">
              <div class="products__inner-btn">
                <button type="button" data-filter="all">All</button>
                <button class="button" type="button" data-filter=".category-wordpress">WordPress</button>
                <button class="button" type="button" data-filter=".category-joomla">Joomla</button>
                <button class="button" type="button" data-filter=".category-plugins">Plugins</button>
                <button class="button" type="button" data-filter=".category-component">Component</button>
                <button class="button" type="button" data-filter=".category-psd">PSD</button>
              </div>

              <div class="products__inner-box">
                <div class="product__item mix category-psd category-popular wow fadeInUp" data-order="1">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-1.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Responsive Mobile APP
                      </a>
                      <a class="product__item-category" href="#">
                        Site Template
                      </a>
                    </div>
                    <div class="product__item-price">$19</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Radiustheme</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-plugins category-new wow fadeInUp" data-order="2">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-2.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        The Post Grid Pro
                      </a>
                      <a class="product__item-category" href="#">
                        WordPress Plugin
                      </a>
                    </div>
                    <div class="product__item-price">$15</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>PsdBosS</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-wordpress wow fadeInUp" data-order="3">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-3.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Food Menu
                      </a>
                      <a class="product__item-category" href="#">
                        WordPress Plugin
                      </a>
                    </div>
                    <div class="product__item-price">$20</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Manilip</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-psd category-popular wow fadeInUp" data-order="4">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-4.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Imac Mockup
                      </a>
                      <a class="product__item-category" href="#">
                        Psd Template
                      </a>
                    </div>
                    <div class="product__item-price">$12</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Lolypop</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-joomla wow fadeInUp" data-order="5">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-5.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Gymedge
                      </a>
                      <a class="product__item-category" href="#">
                        Joomla Template
                      </a>
                    </div>
                    <div class="product__item-price">$45</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Micrsof</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-plugins wow fadeInUp" data-order="6">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-6.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        The Post Grid Pro
                      </a>
                      <a class="product__item-category" href="#">
                        WordPress Plugin
                      </a>
                    </div>
                    <div class="product__item-price">$19</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Raklouse</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-component category-new wow fadeInUp" data-order="7">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-7.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Doll Face
                      </a>
                      <a class="product__item-category" href="#">
                        Illsatration
                      </a>
                    </div>
                    <div class="product__item-price">$10</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>Mikc Art</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

                <div class="product__item mix category-psd category-popular wow fadeInUp" data-order="8">
                  <a class="product__item-img" href="#"
                    style="background-image: url(images/content/product-item-8.jpg)"></a>
                  <div class="product__item-content">
                    <div class="product__item-name">
                      <a class="product__item-title" href="#">
                        Designer Mockup
                      </a>
                      <a class="product__item-category" href="#">
                        PsdTemplate
                      </a>
                    </div>
                    <div class="product__item-price">$10</div>
                  </div>
                  <div class="product__item-info">
                    <a class="product__item-author" href="#">
                      <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                      <span>ThemeLol</span>
                    </a>
                    <div class="product__item-star">
                      <div class="rate-star"></div>(<span>05</span>)
                    </div>
                  </div>
                </div>

              </div>
            </div>

            <div class="products__bottom-btn">
              <button class="button" type="button" data-filter=".category-new">All New Items</button>
              <button class="button" type="button" data-filter=".category-popular">Popular Items</button>
            </div>
          </div>
        </div>
      </section>

      <section class="product-slider">
        <div class="product-slider__wrapper">
          <div class="container-fluid">
            <div class="product-slider__title title  wow fadeInRightBig">
              This Week Trending Products
            </div>

            <div class="product-slider__inner">
              <div class="product__item wow fadeInUp">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-1.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Responsive Mobile APP
                    </a>
                    <a class="product__item-category" href="#">
                      Site Template
                    </a>
                  </div>
                  <div class="product__item-price">$19</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Radiustheme</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item wow fadeInUp">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-2.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      The Post Grid Pro
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$15</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>PsdBosS</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item wow fadeInUp">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-3.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Food Menu
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$20</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Manilip</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-4.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Imac Mockup
                    </a>
                    <a class="product__item-category" href="#">
                      Psd Template
                    </a>
                  </div>
                  <div class="product__item-price">$12</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Lolypop</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-5.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Gymedge
                    </a>
                    <a class="product__item-category" href="#">
                      Joomla Template
                    </a>
                  </div>
                  <div class="product__item-price">$45</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Micrsof</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-6.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      The Post Grid Pro
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$19</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Raklouse</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-7.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Doll Face
                    </a>
                    <a class="product__item-category" href="#">
                      Illsatration
                    </a>
                  </div>
                  <div class="product__item-price">$10</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Mikc Art</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-8.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Designer Mockup
                    </a>
                    <a class="product__item-category" href="#">
                      PsdTemplate
                    </a>
                  </div>
                  <div class="product__item-price">$10</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>ThemeLol</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-1.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Responsive Mobile APP
                    </a>
                    <a class="product__item-category" href="#">
                      Site Template
                    </a>
                  </div>
                  <div class="product__item-price">$19</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Radiustheme</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-2.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      The Post Grid Pro
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$15</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>PsdBosS</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-3.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Food Menu
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$20</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Manilip</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-4.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Imac Mockup
                    </a>
                    <a class="product__item-category" href="#">
                      Psd Template
                    </a>
                  </div>
                  <div class="product__item-price">$12</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Lolypop</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-5.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Gymedge
                    </a>
                    <a class="product__item-category" href="#">
                      Joomla Template
                    </a>
                  </div>
                  <div class="product__item-price">$45</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Micrsof</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-6.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      The Post Grid Pro
                    </a>
                    <a class="product__item-category" href="#">
                      WordPress Plugin
                    </a>
                  </div>
                  <div class="product__item-price">$19</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Raklouse</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-7.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Doll Face
                    </a>
                    <a class="product__item-category" href="#">
                      Illsatration
                    </a>
                  </div>
                  <div class="product__item-price">$10</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>Mikc Art</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

              <div class="product__item">
                <a class="product__item-img" href="#"
                  style="background-image: url(images/content/product-item-8.jpg)"></a>
                <div class="product__item-content">
                  <div class="product__item-name">
                    <a class="product__item-title" href="#">
                      Designer Mockup
                    </a>
                    <a class="product__item-category" href="#">
                      PsdTemplate
                    </a>
                  </div>
                  <div class="product__item-price">$10</div>
                </div>
                <div class="product__item-info">
                  <a class="product__item-author" href="#">
                    <div class="avatar" style="background-image: url(images/content/user.jpg)"></div>
                    <span>ThemeLol</span>
                  </a>
                  <div class="product__item-star">
                    <div class="rate-star"></div>(<span>05</span>)
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div>
      </section>

      <section class="advantages">
        <div class="container">
          <div class="advantages__title title wow fadeInLeftBig">
            Why You Choose Foxtar Market Place?
          </div>
          <div class="advantages__inner">

            <div class="advantages__item">
              <div class="advantages__item-images icosvg-1">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="401.998px" height="401.998px"
                  viewBox="0 0 401.998 401.998" style="enable-background:new 0 0 401.998 401.998;" xml:space="preserve">
                  <path d="M357.45,190.721c-5.331-5.33-11.8-7.993-19.417-7.993h-9.131v-54.821c0-35.022-12.559-65.093-37.685-90.218
            		C266.093,12.563,236.025,0,200.998,0c-35.026,0-65.1,12.563-90.222,37.688C85.65,62.814,73.091,92.884,73.091,127.907v54.821
            		h-9.135c-7.611,0-14.084,2.663-19.414,7.993c-5.33,5.326-7.994,11.799-7.994,19.417V374.59c0,7.611,2.665,14.086,7.994,19.417
            		c5.33,5.325,11.803,7.991,19.414,7.991H338.04c7.617,0,14.085-2.663,19.417-7.991c5.325-5.331,7.994-11.806,7.994-19.417V210.135
            		C365.455,202.523,362.782,196.051,357.45,190.721z M274.087,182.728H127.909v-54.821c0-20.175,7.139-37.402,21.414-51.675
            		c14.277-14.275,31.501-21.411,51.678-21.411c20.179,0,37.399,7.135,51.677,21.411c14.271,14.272,21.409,31.5,21.409,51.675V182.728
            		z"></path>
                </svg>

              </div>
              <div class="advantages__item-title">
                Easily Buy & Sell
              </div>
              <div class="advantages__item-text">
                Dorem Ipsum is simply dummy text of the pring and typesetting industry. Lorem Ipsum has been the
                industry's
                standaum.
              </div>
            </div>

            <div class="advantages__item">
              <div class="advantages__item-images icosvg-2">
                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
                  style="enable-background:new 0 0 512 512;" xml:space="preserve">
                  <g>
                    <g>
                      <path
                        d="M480,143.686H378.752c7.264-4.96,13.504-9.888,17.856-14.304c25.792-25.952,25.792-68.192,0-94.144
            			c-25.056-25.216-68.768-25.248-93.856,0c-13.856,13.92-50.688,70.592-45.6,108.448h-2.304
            			c5.056-37.856-31.744-94.528-45.6-108.448c-25.088-25.248-68.8-25.216-93.856,0C89.6,61.19,89.6,103.43,115.36,129.382
            			c4.384,4.416,10.624,9.344,17.888,14.304H32c-17.632,0-32,14.368-32,32v80c0,8.832,7.168,16,16,16h16v192
            			c0,17.632,14.368,32,32,32h384c17.632,0,32-14.368,32-32v-192h16c8.832,0,16-7.168,16-16v-80
            			C512,158.054,497.632,143.686,480,143.686z M138.08,57.798c6.496-6.528,15.104-10.112,24.256-10.112
            			c9.12,0,17.728,3.584,24.224,10.112c21.568,21.696,43.008,77.12,35.552,84.832c0,0-1.344,1.056-5.92,1.056
            			c-22.112,0-64.32-22.976-78.112-36.864C124.672,93.318,124.672,71.302,138.08,57.798z M240,463.686H64v-192h176V463.686z
            			 M240,239.686H32v-64h184.192H240V239.686z M325.44,57.798c12.992-13.024,35.52-12.992,48.48,0
            			c13.408,13.504,13.408,35.52,0,49.024c-13.792,13.888-56,36.864-78.112,36.864c-4.576,0-5.92-1.024-5.952-1.056
            			C282.432,134.918,303.872,79.494,325.44,57.798z M448,463.686H272v-192h176V463.686z M480,239.686H272v-64h23.808H480V239.686z" />
                    </g>
                </svg>

              </div>
              <div class="advantages__item-title">
                Quality Products
              </div>
              <div class="advantages__item-text">
                Dorem Ipsum is simply dummy text of the pring and typesetting industry. Lorem Ipsum has been the
                industry's
                standaum.
              </div>
            </div>

            <div class="advantages__item">
              <div class="advantages__item-images icosvg-3">
                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="448" height="448" viewBox="0 0 448 448">
                  <title></title>
                  <g id="icomoon-ignore">
                  </g>
                  <path
                    d="M416 149c0-70.25-47.5-85-87.5-85-37.25 0-79.25 40.25-92.25 55.75-6 7.25-18.5 7.25-24.5 0-13-15.5-55-55.75-92.25-55.75-40 0-87.5 14.75-87.5 85 0 45.75 46.25 88.25 46.75 88.75l145.25 140 145-139.75c0.75-0.75 47-43.25 47-89zM448 149c0 60-55 110.25-57.25 112.5l-155.75 150c-3 3-7 4.5-11 4.5s-8-1.5-11-4.5l-156-150.5c-2-1.75-57-52-57-112 0-73.25 44.75-117 119.5-117 43.75 0 84.75 34.5 104.5 54 19.75-19.5 60.75-54 104.5-54 74.75 0 119.5 43.75 119.5 117z">
                  </path>
                </svg>
              </div>
              <div class="advantages__item-title">
                100% Secure Payment
              </div>
              <div class="advantages__item-text">
                Dorem Ipsum is simply dummy text of the pring and typesetting industry. Lorem Ipsum has been the
                industry's
                standaum.
              </div>
            </div>

          </div>
        </div>
      </section>

      <section class="author" style="background-image: url(images/author-bg.jpg)">
        <div class="author__box">
          <div class="author__title">
            Over <span>20,000</span> Author
            Are Involved Here!
          </div>
          <a class="author__link" href="#">
            Become A Author
          </a>
        </div>
      </section>

      <section class="tutorial">
        <div class="container">
          <div class="tutoria__title title wow fadeInRightBig">
            Free Monthly Tutorials To Help You With Your Project
          </div>
          <div class="tutorial__inner">
            <div class="tutorial__item wow fadeInUp">
              <div class="tutorial__item-images" style="background-image: url(images/content/tutorial-1.jpg)"></div>
              <div class="tutorial__item-title">
                Web Design Tutorials
              </div>
            </div>
            <div class="tutorial__item wow fadeInUp">
              <div class="tutorial__item-images" style="background-image: url(images/content/tutorial-2.jpg)"></div>
              <div class="tutorial__item-title">
                WordPress Tutorials
              </div>
            </div>
            <div class="tutorial__item wow fadeInUp">
              <div class="tutorial__item-images" style="background-image: url(images/content/tutorial-3.jpg)"></div>
              <div class="tutorial__item-title">
                HTML & CSS Tutorials
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>

    <footer class="footer">
      <div class="footer__content">
        <div class="container">
          <div class="footer__inner">
            <div class="footer__col footer__col-address">
              <div class="footer__col-title">
                About Company
              </div>
              <div class="footer__col-text">
                Praesent vel rutrum purus. Nam vel dui eu risus duis dignissim digniSuspen disse.Fusce sit amet urna
                iat.Praesent vel
                rutrum purus.
              </div>
              <div class="footer_info">
                PO Box 16122 Collins Street West
                Victoria 8007 Australia
              </div>
              <a class="footer_info footer_info-phone" href="tel:6138376 6284">
                +61 3 8376 6284
              </a>
            </div>
            <div class="footer__col footer__col-menu">
              <div class="footer__col-title">
                Join Our Community
              </div>
              <ul class="footer__col-list">
                <li><a href="#">Home</a></li>
                <li><a href="#">Forums</a></li>
                <li><a href="#">Become an Author</a></li>
                <li><a href="#">Community Meetups</a></li>
                <li><a href="#">Become an Affiliate</a></li>
            </div>
            <div class="footer__col footer__col-menu">
              <div class="footer__col-title">
                Need Help?
              </div>
              <ul class="footer__col-list">
                <li><a href="#">Help Center</a></li>
                <li><a href="#">Foxtar Market Terms</a></li>
                <li><a href="#">Author Terms</a></li>
                <li><a href="#">Foxtar Licenses</a></li>
                <li><a href="#">Contact Us</a></li>
            </div>
            <div class="footer__col footer__col-social">
              <div class="footer__col-title">
                Follow Us On
              </div>
              <ul class="footer__social-link">
                <li><a class="link-facebook" href="#"></a></li>
                <li><a class="link-twitter" href="#"></a></li>
                <li><a class="link-youtube" href="#"></a></li>
                <li><a class="link-printerest" href="#"></a></li>
                <li><a class="link-linkedin" href="#"></a></li>
              </ul>
              <div class="footer__form">
                <div class="footer__form-title">
                  Newsletter Sign Up!
                </div>
                <form>
                  <input type="email" placeholder="E-mail Address">
                  <button type="submit"></button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer__copy">
        <div class="container">
          <div class="footer__copy-text">
            © 2017 Foxtar market place. Trademarks and brands are the property of their respective owners.
          </div>
        </div>
      </div>
    </footer>
  </div>

  <div id="modal">
    <div class="login__wrapper">
      <div class="login__title">Login</div>
      <form>
        <label class="login__label-name">
          <input type="text" placeholder="Name" required>
        </label>
        <label class="login__label-pass">
          <input type="text" placeholder="Password" required>
        </label>
        <button type="submit">submit</button>
        <a class="create-acc" href="#">Create An Account?</a>
        <a class="lost-pass" href="#">Lost Password?</a>
      </form>
    </div>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="js/libs.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>